<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>练习2：旋转按钮</title>
	<style>
		.bot {
			float: left;
		}
		.clearfix:after{
			display: table;
			content: ;
			clear: left;
		}
		img {
			margin-right: 40px;
		}
		img:hover{
			transform: rotate(360deg) scale(1.2) ;
			transition: all 3s; 
		}
	</style>
	
	
	</head>
	<body>
		<div class="box clearfix">
			<h1>顺时针旋转360度放大1.2倍</h1>
			<ul class="bot">
				<a href="练习3：制作多彩照片墙.html"><img src="image/rss.png" /></a>
				<a href="#"><img src="image/delicious.png" /></a>
				<a href="#"><img src="image/facebook.png" /> </a>
				<a href="#"><img src="image/twitter.png" /></a>
				<a href="#"><img src="image/yahoo.png" /></a>
			</ul>
		</div>
	</body>

</html>